﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="wfrmSlides.aspx.vb" Inherits="ProjetoDeTestes.wfrmSlides" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Slide</title>
    <link href="s3Slider.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.6.min.js" type="text/javascript"></script>
    <script src="s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#Opa').s3Slider({
                timeOut: 3000
            });
        });
    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div id="Opa">
       <ul id="OpaContent">
          <li class="OpaImage">
              <img src="img/busões.jpg" alt="" />
              <span>Texto do ônibus</span>
          </li>
          <li class="OpaImage">
              <img src="img/fishing-rods.jpg" alt="" />
              <span>Pescaria no lago hohoho</span>
          </li>
          <li class="OpaImage">
              <img src="img/gata.jpg" alt="" />
              <span>gato bonito fazendo pose</span>
          </li>
           <li class="OpaImage">
              <img src="img/wall-e-icon.png" alt="" />
              <span>wall-e do filme da pixar</span>
          </li>

       </ul>
    </div>
    </form>
</body>
</html>

